.content_area{
    width: 1683px;
    height: 1500px;
    float: left;
    position: absolute;
    top: 60px;
    right: 0;
    background-color: rgb(255, 254, 254);
    .back{
        position: fixed;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        display: none;
        .box{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            margin: auto;
            width: 550px;
            height: 370px;
            line-height: 50px;
            background-color: rgb(208, 219, 218);
            padding: 20px;
            color: black;
            border-radius: 5px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,.2) , 0 8px 20px 0 rgba(0,0,0,.2);
            #jjname,#jjphone,#sjname,#sjphone,#smtime{
                width: 30%;
                height: 40px;
                border: 1px solid rgb(199, 197, 197);
                margin:10px 10px;
                font-size: 14px;
                text-indent: 10px;
            }
            #jjaddress,#sjaddress{
                width: 80%;
                height: 40px;
                border: 1px solid rgb(199, 197, 197);
                margin:10px 10px;
                font-size: 14px;
                text-indent: 10px;
            }
            .btnplay{
                margin: 0 200px;
                width: 200px;

                #submit , #closes{
                    background-color: rgb(10, 207, 233);
                    border: none;
                    width: 60px;
                    border-radius: 8px;
                    line-height: 30px;
                    color: white;    
            }
            
            }
        }
    }
    .mbx{
        width: 1643px;
        height: 50px;
        margin: 30px auto;
        overflow: hidden;
        box-shadow: 3px 5px 30px 5px rgb(223, 221, 221),3px 5px 30px 5px rgb(229, 236, 229);
        p{
            margin: 15px auto;
            color: black;
            margin-left: 5px;
            .fa{
                cursor: pointer;
            }
            a{
                color: rgb(88, 88, 90);
            }
            span{
                color: rgb(107, 107, 235);
                cursor: pointer;
            }
        }
    }
    .order{
        width: 1643px;
        height: 60px;
        margin: 30px auto;
        overflow: hidden;
        border-left: 4px solid rgb(4, 219, 235);
        background-color: rgb(214, 213, 213);
        button{
            width: 60px;
            line-height: 30px;
            background-color: #009688;
            text-align: center;
            border: none;
            color: #fff;
            border-radius: 2px;
            cursor: pointer;
            opacity: .9;
        }
        input{
            line-height: 30px;
            margin: 15px 10px;
            border-radius: 12px;
            border: none;
            text-indent:7px;
        }

    }
    .maillist{
        width: 1643px;
        margin: 30px auto;
        border:1px solid ;
        
        legend{
            margin-left: 20px;
            padding: 0 10px;
            font-size: 20px;
            font-weight: bold;
            color:rgb(92, 92, 92);
        }
        #tab{
            width:1583px;
            border-collapse: collapse;
            border: 1px solid #ddd;
            line-height: 40px;
            border: 1 solid rgb(221, 221, 221);
            margin:50px auto;
            .tab_a{
                background-color: rgb(204, 201, 201);
                border: 1 solid rgb(221, 221, 221);
                color: black;
                th{
                    font-size: 14px;
                    border: 1px solid rgb(221, 221, 221);
                }
            }
            .btn{
                cursor:pointer; 
                border-radius:2px; 
                opacity:.9; 
                width: 60px;
                line-height: 30px; 
                border:none;
                background-color: red; 
                color:#fff;
            }
            .up{
                cursor:pointer; 
                border-radius:2px; 
                opacity:.9; 
                width: 60px;
                line-height: 30px; 
                border:none;
                background-color: #20CEED; 
                color:#fff;
            }
            td {
                padding: 6px;
                // line-height: 30px;
                height: 100%;
                border: 1px solid rgb(221, 221, 221);
                font-size: 12px;
                font-weight: 400;
                text-align: center;
            
                color: rgb(83, 83, 233);
            }
        }
        .page{
            width: 1643px;
            margin: 30px auto;
            overflow: hidden;
            .ulTag{

                width: 550px;
                float: left;
                margin:0 600px;
                // background: rgb(243, 240, 240);
                padding: 8px;
                border-radius: 50px;
                li{
     
                    margin-left: 15px;
                    float: left;
                    color: #20b2aa;
                    list-style: none;
                    line-height: 45px;
                    text-align: center;
                    font-size: 18px;
                    font-weight: 500;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
                .dianji{
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border:none;
                    color: white;
                    background-color: rgb(39, 243, 243);
                    &:hover{
                        background-color: rgb(85, 216, 233);
                    }
                }
                .numb{
                    width: 45px;
                    height: 45px;
                    border-radius: 50%;
                    margin: 0 3px;
                }
                .dots{
                    font-size: 22px;
                    cursor: default;
                }
                .btn{
                    padding: 0 20px;
                }
                .prev{
                    border-radius: 25px 5px 5px 25px;
                }
                .next{
                    border-radius:5px  25px  25px 5px;
                }
                .active,.numb:hover,.btn:hover{
                    color: #fff;
                    background-color: #20b2aa;
                }
               
            }
        }
        
    }
    
}